<template>
  <div class="charts" ref="charts"></div>
</template>

<script>
import echarts from "echarts";
export default {
  name: "barEcharts",
  mounted() {
    let myEcharts = echarts.init(this.$refs.charts);
    myEcharts.setOption({
  tooltip: {
    show: true
  },
  grid: {
    left: 0,
    right: 0,
    bottom: 0,
    top: 0
  },
  xAxis: 
    {
      type: 'category',
      show: false
    }
  ,
  yAxis: 
    {
      show:false
    }
  ,
  series: [
    {
      type: 'bar',
      data: [80, 52, 200, 334, 390, 330, 220,110,99,150,199,50],
      color: 'skyblue'
    }
  ]
});
  },
};
</script>

<style scoped lang="scss">
.charts {
    width: 100%;
    height: 100%;
}

</style>